.cuadro{
	width: 1600px;
  	height:800px;
 	position:fixed;
 	top:-10px;
 	left:-10px;
	background: #ffffff;
	-moz-transition-duration: 2s;
	-moz-transition-timing-function: ease;
	-webkit-transition-duration: 2s;
	-webkit-transition-timing-function: ease;
	-o-transition-duration: 2s;
	-o-transition-timing-function: ease;
	}
	
.cuadro:hover{	
	 background:#8B96A3;
	-moz-transition-duration: 2s;
	-moz-transition-timing-function: ease;
	-webkit-transition-duration: 2s;
	-webkit-transition-timing-function: ease;
	-o-transition-duration: 2s;
	-o-transition-timing-function: ease;
}
	
	
.tabla{ 
	background:#ffffff;
	border-radius:10px;
    box-shadow: 20px 20px 20px #ffffff;
   	width: 1100px;
  	height:500px;
  	position: absolute;
  	left:180px;
  	top: 90px;
	}
	

.tabla:before {
content:"";
position:absolute;
top:0;
right:0;
border-radius:0px 10px 0px 10px;
border-width:20px 60px 60px 20px;
border-style:solid;
border-color:#fff #fff #c0C0C0 #C0C0C0;
}

.sedole{
height:400px;
width:700px;
position: relative;
top:80px;
left:260px;
-moz-transition:all 3s;
-o-transition:all 3s;
-webkit-transition:all 3s;
}	

.sedole:hover{
width:800px;
}	

	
.encabezado{
border-radius:10px;
background-repeat:no-repeat;
height: 60px;
width: 400px;
position: relative;
top:-390px;
left:15px;
}

.encabezado:hover{
color:#00ffff;
}
/*.piep{
background-image:url("imagen/pie_pagina.jpg");
border-radius:50px;
background-repeat:no-repeat;
box-shadow: 5px 5px 5px #ffffff;
height:39.4px;
position:relative;
top:500px;
left:50px;
}*/

.leg{
font-family: "lucida Calligraphy";
font-weight:400;
font-size: 20px;
color:#1045A6;
}

.encabezado_menu{
font-family: "Arial";
font-weight:400;
font-size: 13px;
color:#ffffff;
width:250px;
height:50px;
border-radius: 10px;
position:absolute;
top: 120px;
left:25px;
background:#8B96A3 ;
box-shadow: 20px 20px 20px #1045A6;	
}

.fiel{
width:250px;
height:200px;
border-radius: 10px;
position:absolute;
top: 180px;
left:25px;
background:#8B96A3 ;
box-shadow: 20px 20px 20px #1045A6;
}

.boton
{
background:#696F75;
border-style:outset;
font-family: "Arial";
font-weight:400;
font-size: 13px;
color: #FFFFFF;
box-shadow: 20px 20px 20px #1045A6;
border-radius: 10px;
height:40px;
width:140px;
position: relative;
top:33px;
left:50px;
}

.boton:hover
{
background: #1045A6;
color: 	#87CEEB;
border-bottom-color:#87CEEB;
}

#menu1{ 
		position: relative;
		float: left;
		top: 20px;
		left:5px;
		list-style:none;
		}
		
#menu {
   list-style:none;
   font-family: "Arial";
	font-weight:400;
	font-size: 13px;
		}
	
		
#menu li {
   position:relative; 
   width:150px;
   height: 40px;
  	}
	
#menu li a {
	background:#696F75;
	border-style:outset;
	box-shadow: 20px 20px 20px #1045A6;
	border-radius: 10px;
	display: block;
	background:#696F75;
	width: 135px;
	height: 33px;
	padding: 10px 0px 0px 0px;
	text-align: center;
	color: #ffffff;
	text-decoration:none;
	}
	
#menu ul {
   position:absolute; 
   left:100px; 
   top:5px;
   display:none;	
   list-style:none; 
	}
	
#menu li a:hover{
	background: #1045A6;
	color: 	#87CEEB;
	border-bottom-color:#87CEEB;
	}
	
#menu li:hover > ul {
   display:block; 
}
